    <div class="row" > 
        <div class="col-sm-12">
        <div class="tabbable">
            <ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab4">
                <li class="active">
                    <a data-toggle="tab" href="#home4">新建云主机</a>
                </li>
                <li>
                    <a data-toggle="tab" href="#profile4">添加已有机器</a>
                </li>
            </ul>
            <div class="tab-content">
                <div id="home4" class="tab-pane in active">
                <p>
                <!-- 模板配置---->
                <div class="row">
                    <!-- 主机基本信息 -->
                    <div class="col-xs-6">
                        <form class="form-horizontal" role="form">                       
                        <div class="row">
                            <div class="col-sm-8">
                                <h4 class="header smaller lighter green">主机基本配置</h4>
                            </div>
                        </div>          
                        <div class="form-group">
                            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">创建方式</label>
                            <div class="col-sm-6">
                                    <select class="chosen-select form-control" id="form-field-select-3" data-placeholder="Choose a State...">
                                    <option value="">华为云主机</option>
                                    <option value="">伯纳云</option>
                                    <option value="">阿里云</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">主机名称</label>
                            <div class="col-sm-6">
                                <input type="text" id="form-field-1" placeholder="default" class="col-sm-12" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">主机模板</label>
                            <div class="col-sm-6">
                                <select class="chosen-select form-control" id="form-field-select-3" data-placeholder="Choose a State...">
                                    <option value="">Centos7.2</option>
                                    <option value="">Centos7.0</option>
                                    <option value="">RedHat6</option>
                                    <option value="">Windows Server 2008</option>
                                    <option value="">Windows Server 2012</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">主机个数</label>
                            <div class="col-sm-9">
                            <div class="ace-spinner middle " >
                                <div class="input-group col-sm-3">
                                    <input type="text" id="spinner1" placeholder="1台" class="spinbox-input form-control text-center">
                                    <div class="spinbox-buttons input-group-btn btn-group-vertical">
                                    <button type="button" class="btn spinbox-up btn-sm btn-info">
                                    <i class="icon-only  ace-icon fa fa-chevron-up"></i>
                                    </button>
                                    <button type="button" class="btn spinbox-down btn-sm btn-info">
                                    <i class="icon-only  ace-icon fa fa-chevron-down"></i>
                                    </button>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">CPU个数</label>
                            <div class="col-sm-9">
                            <div class="ace-spinner middle">
                                <div class="input-group col-sm-3">
                                    <input type="text" id="spinner1" placeholder="1核" class="spinbox-input form-control text-center">
                                    <div class="spinbox-buttons input-group-btn btn-group-vertical">
                                    <button type="button" class="btn spinbox-up btn-sm btn-info">
                                    <i class="icon-only  ace-icon fa fa-chevron-up"></i>
                                    </button>
                                    <button type="button" class="btn spinbox-down btn-sm btn-info">
                                    <i class="icon-only  ace-icon fa fa-chevron-down"></i>
                                    </button>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label no-padding-right" for="form-field-1">内存大小</label>
                            <div class="col-sm-9">
                            <div class="ace-spinner middle">
                                <div class="input-group col-sm-3">
                                    <input type="text" id="spinner1" placeholder="4G" class="spinbox-input form-control text-center ">
                                    <div class="spinbox-buttons input-group-btn btn-group-vertical">
                                    <button type="button" class="btn spinbox-up btn-sm btn-info">
                                    <i class="icon-only  ace-icon fa fa-chevron-up"></i>
                                    </button>
                                    <button type="button" class="btn spinbox-down btn-sm btn-info">
                                    <i class="icon-only  ace-icon fa fa-chevron-down"></i>
                                    </button>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <h4 class="header smaller lighter green">管理员账户root/Administrator</h4>
                            </div>
                        </div>    
                        <div class="form-group">
                            <div class="col-sm-12">
                                <span><input type="text" id="form-field-1" placeholder="密码" class="span4" /></span>
                                <span><input type="text" id="form-field-1" placeholder="确认密码" class="span4" /></span>
                            </div>  
                        </div>
                        </form>
                    </div>
                    <div class="col-xs-6">
                        <div class="col-sm-6">
                            <h4 class="header smaller lighter green">主机硬盘</h4>
                        </div>
                        <div class="form-horizontal" role="form" id="templete_vars"> 
                           <div class="col-sm-9">
                                <div class="ace-spinner middle">
                                    <div class="input-group col-sm-9">
                                        <input type="text" id="spinner1" placeholder="300G" class="spinbox-input form-control text-center">
                                        <div class="spinbox-buttons input-group-btn btn-group-vertical">
                                            <button type="button" class="btn spinbox-up btn-sm btn-info">
                                                <i class="icon-only  ace-icon fa fa-chevron-up"></i>
                                            </button>
                                            <button type="button" class="btn spinbox-down btn-sm btn-info">
                                                <i class="icon-only  ace-icon fa fa-chevron-down"></i>
                                            </button>
                                        </div>
                                        <select class="chosen-select form-control" id="form-field-select-1" style="width:125px" data-placeholder="">
                                            <option value="AL">FusionStorage</option>
                                            <option value="AK">虚拟硬盘</option>
                                        </select>
                                        <div class="spinbox-buttons input-group-btn">
                                            <button type="button" class="btn spinbox-up btn-sm btn-success" style="margin-left:10px;">
                                                <i class="icon-only  ace-icon ace-icon fa fa-plus bigger-110"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                           </div>
                        </div>
                        <div class="col-sm-6">
                            <h4 class="header smaller lighter green">主机网络设置</h4>
                        </div>
                        <div class="form-horizontal" role="form" id="templete_resource">
                            <div class="col-sm-9">
                                <h5 class="green">网关设置</h5>
                                <div class="ace-spinner middle">
                                    <div class="input-group">
                                        <input type="text" id="spinner1" placeholder="DNS ADDR " class="spinbox-input form-control text-center col-sm-12">  
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <h5 class="green">IP设置</h5>
                                <div class="ace-spinner middle">
                                    <div class="input-group col-sm-9">
                                        <input type="text" id="spinner1" placeholder="IPADDR"  class="spinbox-input form-control text-center col-sm-12">
                                        <div class="spinbox-buttons input-group-btn">
                                        <input type="text" id="spinner1" placeholder="1～32" class="spinbox-input form-control text-center" style="width:50px;">
                                        <button type="button" class="btn spinbox-up btn-sm btn-success" style="margin-left:10px;">
                                            <i class="icon-only  ace-icon ace-icon fa fa-plus bigger-110"></i>
                                        </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-9">
                                <h5 class="green">DNS设置</h5>
                                <div class="ace-spinner middle">
                                    <div class="input-group col-sm-9">
                                        <input type="text" id="spinner1" placeholder="DNS ADDR 114.114.114.114" class="spinbox-input form-control text-center">
                                        <div class="spinbox-buttons input-group-btn">
                                        <button type="button" class="btn spinbox-up btn-sm btn-success" style="margin-left:10px;">
                                            <i class="icon-only  ace-icon ace-icon fa fa-plus bigger-110"></i>
                                        </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
					</div>
                        
                </div>
                </p>
                </div>
                <div id="profile4" class="tab-pane">
                <p>
                <!-- 实例配置--->
                </p>
                </div>
            </div>
        </div>
    </div><!-- /.col -->
    </div><!-- /.row -->